<ion-view title="我的维修记录">
    <ion-nav-bar class="bar-dark box-shadow">
    </ion-nav-bar>

    <ion-nav-buttons side="left">
      <button class="button button-icon icon ion-ios-arrow-back" ng-click="back()"></button>
    </ion-nav-buttons>

    <div class="bar bar-subheader">
        <!--<a class="button button-clear  icon-right ion-chevron-right button-stable">时间排序↑</a>-->

        <div class="bar_select_self  {{font_color_right}}" ng-click="choseSelect(1)" >{{statusValue}}<i class="icon {{icon_arrow.value_right}} icon_select_self"></i></div>
        <div class="bar_select_self {{font_color_left}} border_right" ng-click="choseSelect(2)">{{timeValue}}<i class="icon {{icon_arrow.value_left}} icon_select_self" style="font-size: small"></i></div>
        <!--<div style="font-size: 10px;height: 20px" class="num_text">共{{listNum}}条结果</div>-->
        <div style="font-size: 10px;height: 20px" class="num_text">共{{listNum}}条结果</div>


      <div class="select_modal1" ng-show="icon_arrow.is_show_left" style="text-align: center">
          <ion-radio ng-model="timeValue" ng-value="'时间升序'" style="font-size: 14px !important;">时间升序↑</ion-radio>
          <ion-radio ng-model="timeValue" ng-value="'时间降序'" style="font-size: 14px !important;">时间降序↓</ion-radio>
      </div>

      <div class="select_modal2" ng-show="icon_arrow.is_show_right" style="text-align: center">
          <ion-radio ng-model="statusValue" ng-value="'已完成'" style="font-size: 14px !important;">已完成</ion-radio>
          <ion-radio ng-model="statusValue" ng-value="'进行中'" style="font-size: 14px !important;">进行中</ion-radio>
          <ion-radio ng-model="statusValue" ng-value="'异常件'" style="font-size: 14px !important;">异常件</ion-radio>
          <ion-radio ng-model="statusValue" ng-value="'已转单'" style="font-size: 14px !important;">已转单</ion-radio>
          <ion-radio ng-model="statusValue" ng-value="'待联系'" style="font-size: 14px !important;">待联系</ion-radio>
        </div>

    </div>

  <ion-content class="has-subheader" style="background-color: #f2f2f6; margin-top: 17px">


        <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()">
        </ion-refresher>


        <div ng-if="showloading" style="margin-top:60px; text-align: center">
            <ion-spinner icon="ios" style="height: 60px; width: 60px;;"></ion-spinner>
        </div>




        <div class="list todo_item"  style="margin-top: 2px !important;" ng-repeat="order in taskListData">
            <a class="item item-icon-left item_top"   style="color: #adaead"  ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}">
              {{order.createDate|date:'yyyy-MM-dd HH:mm:ss '}}
                <span class="item-note" style="color: #ef0a14">
                  质报内
                </span>
            </a>

          <a class="item item-avatar"  style="background-color: #f8f8f8" ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}"  ng-switch="order.questionOne">
            <img src="img/question_01.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="渗漏">
            <img src="img/question_02.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="户内装修">
            <img src="img/question_03.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="阳台、露台">
            <img src="img/question_04.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="给水">
            <img src="img/question_05.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="排水">
            <img src="img/question_06.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="插座、开关与光源">
            <img src="img/question_07.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="供暖">
            <img src="img/question_08.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="卫浴与小配件">
            <img src="img/question_09.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="阳台门、窗与配件">
            <img src="img/question_10.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="柜体">

            <h3>{{order.questionOne}}-{{order.questionTwo}}</h3>
            <p>{{order.describe}}</p>
          </a>

          <a class="item item-icon-left item_top"  style="color: #999999;font-size: 14px"  ng-if="order.buildingName!=null" ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}">
            <i class="icon ion-location" style="font-size: large" ></i>
            {{order.buildingName}}{{order.buildingNum}}{{order.buildingHouseNum}}
          </a>


          <a class="item item-icon-left item_top"  style="color: #999999;font-size: 14px"  ng-if="order.buildingName==null" ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}">
            <i class="icon ion-location" style="font-size: large" ></i>
            {{order.addressDetail}}
          </a>
            <img class="finish_pic" src="img/finish.png" ng-if="order.orderStatus==8">


        </div>

        <!--<div class="list todo_item" onclick="window.location.href='#/todo_detail/1'" style="margin-top: 2px !important;">-->
            <!--<a class="item item-icon-left item_top"   style="color: #adaead">-->
                <!--2017-01-12 12:05:36-->
                <!--<span class="item-note" style="color: #ef0a14">-->
                  <!--质报内-->
                <!--</span>-->
            <!--</a>-->

            <!--<a class="item item-avatar"  style="background-color: #f8f8f8">-->
                <!--<img src="img/ionic.png" style="border-radius:0%;max-width:45px;max-height: 45px">-->
                <!--<h2>Venkman</h2>-->
                <!--<p>Back off, man. I'm a scientist.</p>-->
            <!--</a>-->

            <!--<a class="item item-icon-left item_top"  style="color: #999999;font-size: 14px">-->
                <!--<i class="icon ion-location" style="font-size: large"></i>-->
                <!--浸润华府，二期，17栋，2004号-->

            <!--</a>-->

            <!--<a class="item item-icon-left item_top"  style="color: #999999;font-size: 14px">-->
                <!--<i class="icon ion-clock" style="font-size: large"></i>-->
                <!--报修时间: &nbsp; 2017-02-22 18:00-->


            <!--</a>-->
            <!--<img class="finish_pic" src="img/finish.png">-->


        <!--</div>-->





        <ion-infinite-scroll icon="ion-load-d"  on-infinite="loadMore()" distance="1%" ng-if="moreDataCanBeLoaded()"></ion-infinite-scroll>
    </ion-content>


</ion-view>
